html {
    font-size: 16px;
}
body {
	font-size: 16px;
	margin: 0;
	font-family: "Nunito","Montserrat","system-ui","BlinkMacSystemFont","-apple-system","sans-serif";
	padding: 0;
	color: #414750;
}

ul,
li,
dl,
dt,
dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,
h3,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}
a {color: #0171fb;}
a:hover, a:focus, a:active{text-decoration: none; color: #0171fb;}
.input-group-addon{background-color: transparent;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}

.form-inline{}
.form-inline .form-group{display: flex;}
.form-inline .form-group~.form-group{margin-top:20px}
.form-inline .form-group .form-control~.form-control{margin-left: 10px;}
.form-inline .form-group .form-control,.form-inline .form-group .input-group{flex: 1;}
.form-inline .form-group .btn~.btn{margin-left: 10px;}
.btn-primary{background-color:#034ea1 ;border-color: #034ea1;}

.warpperbox{
	width: 100%;height: 100vh;display: flex;background: #034ea1;
}


.logout-btn {position: absolute; right: 20px; top: 20px;}
.logout-btn img {width: 30px;}

.slider-wrap{width: 120px;padding:10px;}
.slider-wrap li{
	width: 100%;
	padding:15px 0;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
}
.slider-wrap li~li{margin-top: 20px;}
.slider-wrap li a{display: block;color: #fff;}
.slider-wrap li img{width: 40px;}
.slider-wrap li:hover,.slider-wrap li.active{background:rgba(0,0,0,.2);}
.page-wrap{flex: 1;background: #f7f8f8;padding: 20px; height: 100%;overflow: hidden;display: flex;flex-direction: column;}
.main{flex: 1;overflow: auto;}


.header{margin-bottom:30px; height: 64px;}
.header b{font-size: 24px;}
.header p{color: #999;margin-top: 10px;}
.header p i{margin: 0 10px;}




.panelbox{padding: 20px;border-radius: 4px;background: #fff;}
.panelbox~.panelbox{margin-top:20px;}

.votebox{display:flex;flex-wrap: wrap;padding:20px; }
.votebox .title{width: 100%;text-align: center;}
.votebox .title b{font-size: 24px;margin-bottom: 10px;}

.voteboxTable .item{width: 100%;display: flex;align-items: center;}
.voteboxTable .item .cont{flex: 1;}
.voteboxTable .item .title{font-size: 20px;font-weight: bold;}
.voteboxTable .item .info{width: 100%;margin-top: 10px;}
.voteboxTable .item .info li{display: flex;}
.voteboxTable .item .info li label{font-weight: normal;margin-right: 10px;color: #999;width: 70px;}
.voteboxTable .item .btnbox{width: 60px; }

.table {
	margin-bottom: 0;
}

.table>thead>tr>th{border: none;}

.table th {
	background: #f3f4f8;

}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	line-height: inherit;
	padding: 15px;
	border: none;
}

.table td a {
	color: #2961f3;
	text-decoration: underline;
}

.pagebox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.pagebox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.pagebox ul li {
	margin: 0 5px;
}

.pagebox ul li a {
	width: 100%;
	height: 100%;
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 13px;
	background: #f5f6fa;
	border: none;
	border-radius: 5px;
}

.pagebox ul li span {
	width: 36px;
	height: 100%;
	display: block;
	line-height: 36px;
	text-align: center;
}

.pagebox ul li a.active {
	background: #2961f3;
	color: #fff;
}


.uploadbox{padding: 30px;}
.uploadbox .control-label{text-align: right;}
.uploadbox .selectfile{position: relative;margin-bottom: 10px;}
.uploadbox .selectfile~p{color: #666;}
.uploadbox .selectfile input{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;opacity: 0;}
.modal-header{border-bottom: none;}
.modal-header h4{font-weight: bold;}



.homebox{padding: 100px 50px;height: 100%; color: #fff;}
.homebox .assess-header{margin-bottom: 10%;}
.homebox .assess-header .title{width:100%; text-align: center;font-size: 18px;}
.homebox .assess-header h1{font-size: 1.7em;line-height: 50px;}
.assesswrap{
	width: 100%;background-color: #eee;
	overflow: auto;
	padding: 20px;
	font-size: 1.2em;
	min-height: 100vh;
}
.assesswrap .iconfont {font-size: 1em;}

.assesswrap .panelbox{background: #fff;border: none;padding: 10px 20px;}
.assess-header{display: flex;align-items: center;justify-content: space-between;}
.assess-header h1{font-size: 1.3em;font-weight: bold;margin-bottom: 10px;}
.assess-header .fontstyle {margin-left: 5px;}
.assess-header .fontstyle ul{height: 40px;border-radius: 4px;border: #ddd solid 1px;display: flex;}
.assess-header .fontstyle ul li{display:block;text-align: center;line-height: 40px;cursor: pointer;font-size: 16px; width: 80px;}
.assess-header .fontstyle ul li~li{border-left: #ddd solid 1px;}
.assess-header .fontstyle ul li:hover{background: #eee;}

.assess-home{width: 100%; height: calc(100vh - 600px); display: flex;align-items: center;justify-content: center;}
.assess-home ul{width: 100%;height: 70%; display: flex;align-items: center;justify-content: center;}
.assess-home li{width: 45%;border-radius: 20px;background: #fff;color: #000;display: flex;justify-content: center;font-size: 30px;cursor: pointer;
box-shadow: rgba(48, 38, 181) 0 5px 10px; padding: 50px;border-bottom: #ddd 10px solid;flex-direction: column; max-width: 500px;}
.assess-home li p{text-align: center;}
.assess-home li~li{margin-left: 5%;}
.assess-home li i{text-align: center;margin-bottom: 20px;}
.assess-home li i img{width: 80%;}
.assess-home li a {text-align: center; color: #333;}

.assess-list.panelbox{display: flex;flex-wrap: wrap;background: transparent;padding: 0;margin-top: 0;}
.assess-list .item{width:100%;background: #fff;border-radius: 10px;padding: 20px;margin-top: 20px;display: flex;align-items: center;}
.assess-list .item .num{width: 60px;font-size: 30px;font-weight: bold;}
.assess-list .item .cont{flex: 1;}
.assess-list .item .cont .title{font-size: 1.2em;font-weight: bold;margin-bottom: 15px;}

.assess-list .item .btnbox{width: 60px;}

.assess-list .item .cont dl dd{display: flex;}
.assess-list .item .cont dl dd label{width: 80px;font-weight: normal;color: #999;}
.assess-list .item .cont dl dd p~p{margin-left: 20px;}
.assess-list .item .cont dl dd p span{margin-right: 5px;}

.font-cont {font-size: 1.2em; margin-top: 20px;}
.font-cont .iconfont {font-size: 1em;}

.assess-detail.panelbox{padding: 0;}
.assess-detail .panel-heading{padding: 10px 10px;border-bottom: #ddd solid 1px;font-weight: bold;  color: #0171fb; font-size: 1em;}
.assess-detail .panel-body{width: 100%;display: flex;flex-wrap: wrap;padding: 0;}
.assess-detail .item{width:100%;  padding: 20px;border-bottom: #ddd dashed 1px;}
.assess-detail .item:last-child{border-bottom: none;}
.assess-detail .item .question{font-weight: bold;margin-bottom: 15px;}
.assess-detail .item .options{display: flex;padding-left: 20px;}
.assess-detail .item .options label{flex: 1; font-weight: normal;display: flex;align-items: center;}

.assess-detail .item .question-banzi {display: flex; align-items: center;}
.assess-detail .item .question-banzi .icon {
	display: block; width: 1.8em; height: 1.8em; line-height: 1.8em; text-align: center; border-radius: 50%;  margin: 0px 5px; background-color: #fe5649; color: #fff;
	-webkit-box-shadow: 0 3px 14px 1px rgba(209,212,214,0.91) ;
box-shadow: 0 3px 14px 1px rgba(209,212,214,0.91) ;
}

.assess-detail .panel-heading-double {display: flex; justify-content: space-between; align-items: center;}


.mobilewrap{width: 100%;}
.mobilewrap .panelbox{background: #fff; padding: 20px 0px;}
.mobilewrap .panelbox~.panelbox {margin-top: 0px;}
/* .mobilewrap .login{width: 100%;height: 100%;padding:20% 40px;background: #fff;}
.mobilewrap .login .title{margin-bottom: 25%;}
.mobilewrap .login .title h1{font-weight: bold;margin-bottom: 15px;}
.mobilewrap .login .title p{font-size: 18px;}
.mobilewrap .login .form-group{position: relative;}
.mobilewrap .login .form-control{height: 50px;padding-left: 50px;font-size: 18px;font-weight: bold;border-radius: 10px;}
.mobilewrap .login .form-group i{width: 50px;height: 50px;display: block;position: absolute;top: 0;left: 0;text-align: center;line-height: 50px;}
.mobilewrap .login .form-group .btn{height: 50px;font-size: 18px;border-radius:10px;}
.mobilewrap .login .icon-user{background:url(../../img/icon04.png) no-repeat  center;background-size: 30px;}
.mobilewrap .login .icon-lock{background:url(../../img/icon05.png) no-repeat  center;background-size: 30px} */
.mobilewrap .page-title  h1{font-size: 20px;margin-bottom: 10px;line-height: 24px;text-align: justify;font-weight: bold;}
.mobilewrap .question-title{font-size: 18px;font-weight: bold;text-align: justify;margin-bottom: 0px;}
/* .mobilewrap .question-options {display: flex;} */
.mobilewrap .question-options .item{width: 100%;display: flex;padding:15px;align-items: center;font-size: 18px;border-radius: 10px;}
.mobilewrap .question-options .item .checkbox{margin-right: 20px;}
.mobilewrap .question-options .item.active{background: #e3effd;}
.mobilewrap .btnbox{margin-top: 20px;}
.mobilewrap .btnbox .btn{height: 50px;font-size:18px;border-radius: 10px;}

.mobilewrap .assess-header {display: block; text-align: center;}

@media only screen and (min-width:560px) {
	.mobilewrap .question-options {display: flex;}
}

@media only screen and (min-width:1024px) {
	.assess-home li i{text-align: center;margin-bottom: 10px;}
	.assess-home li i img{width: 40%;}
}

/*checkbox,radio*/

.checkbox,
.radiobox {
    margin: 0;
    padding: 0;
}

.checkbox label,
.radiobox label {
    position: relative;
    float: left;
    padding-left: 0;
    margin-right: 18px;
    margin-bottom: 0;
    font-weight: normal;
}

.checkbox input[type="checkbox"],
.radiobox input[type="radio"] {
    width: 24px;
    height: 24px;
    margin-left: 0;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.checkbox label i,
.radiobox label i {
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    border: #aaa solid 1px;
    border-radius: 50%
}

.checkbox label span,
.radiobox label span {
    /* line-height: 18px; */
    position: relative;
    top: -2px;
}

.radiobox label i {
    border-radius: 50%;
}

.checkbox label i {border-radius: 0px;;}
.checkbox input:checked~i {
    border: #0171fb solid 1px;
    background: #0171fb;
    width: 24px;
    height: 24px;
    display: block;
}

.checkbox input:checked~i:before {
    font-family: "iconfont";
   content: "\e616";
     color: #fff;
	 font-size: 1.5em;
    position: absolute;
    left: 42%;
    top: 50%;
    transform: translate(-50%, -50%);
	
}

.radiobox input:checked~i {
    border: #0171fb solid 1px;
    background: #0171fb;
}

.radiobox input:checked~i:before {
   font-family: "iconfont";
   content: "\e616";
     color: #fff;
	 font-size: 1.5em;
    border-radius: 50%;
    position: absolute;
    left: 42%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.suggestion{display: flex;}
.suggestion .mulitext-title {font-weight: bold; font-size: 1em; margin-right: 15px;}
.suggestion .form-group {flex: 1;}

.panelbox-top {display: flex; justify-content: space-between;}
.panelbox-top a {color: #0171fb;}
.panelbox-top a:focus, .panelbox-top a:active, .panelbox-top a:hover {text-decoration: none;}
.panelbox-top.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}

.form-actions {
	text-align: center;
}
/** btn **/
.btn-ac {
	border-radius: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
	outline:none !important;
}
.btn-ac:hover, .btn-ac:focus {
	color: #fff;
	text-decoration: none;
}
.btn-ac-red {
    background-image: -webkit-linear-gradient(0deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-image: -moz-linear-gradient(90deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-image: linear-gradient(90deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}
.btn-ac-green {
	background-image: -webkit-linear-gradient(0deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-image: -moz-linear-gradient(90deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-image: linear-gradient(90deg, #5cb85c 0, #5cb85c 1%, #5cb85c 43%, #3fa83f 100%, #3fa83f 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn-ac-oranage,.btn-ac-oranage:focus,.btn-ac-oranage:active {
	background-image: -webkit-linear-gradient(0deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-image: -moz-linear-gradient(90deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-image: linear-gradient(90deg, #5cb85c 0, #5cb85c 0, #fdbe5d 0, #fda95d 94%, #fda95d 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn-ac-blue {
	background-image: -webkit-linear-gradient(0deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: -moz-linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn-ac-disable {
	background-image: -webkit-linear-gradient(0deg, rgba(206,206,206,1) 0, rgba(154,155,153,1) 100%);
	background-image: -moz-linear-gradient(90deg, rgba(206,206,206,1) 0, rgba(154,155,153,1) 100%);
	background-image: linear-gradient(90deg, rgba(206,206,206,1) 0, rgba(154,155,153,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.btn,.btn-ac {
	width: auto;
	height: auto;
	border:none;
	padding: 0px;
	padding: 5px 20px;
	/* min-width: 100px; */
	text-align: center;
	border-radius: 4px;
	color: #fff;
}
.btn.focus,.btn:focus,.btn:hover,.btn:active {color: #fff; border: none}

.form-actions .btn-ac {font-size: 1.5rem; padding: 10px 30px;}
textarea.form-control {font-size: 1em;}

.select-page .assess-header {
	display: block;
	text-align: center;
}
.select-page .assess-header .logo {
	margin-bottom: 1em;
}
.select-page .assess-header .logo img {
	width: 100%;
	max-width: 470px;
}
.page-meeting_time-show .assess-header,.page-meeting_time-vote .assess-header {font-size: 1.2em;}

.assesswrap-vote-preview table {width: 100%;}
.assesswrap-vote-preview table td {
	 padding: 5px 8px; border-bottom: 1px solid #ddd;
}
.assesswrap-vote-preview table td.question-title {width: 50%;}
.assesswrap-vote-preview .assess-detail .item {padding: 15px 15px;}
.assesswrap-vote-preview .assess-detail .item .question {margin-bottom: 0px;}
.assesswrap-vote-preview table td.question-title .desc {font-weight: normal;}
.assesswrap-vote-preview .assess-detail .item .question-banzi .icon {margin-left: 0px;}
@media only screen and (max-width:960px) {
	.assesswrap-vote-preview table td.question-title {width: 80%;}
	.homebox {padding: 0px; display: flex; flex-direction: column; justify-content: space-evenly; height: 100vh;}
	.homebox .assess-header h1 {font-size: 1em; line-height: normal;}
	.homebox .assess-header {margin-bottom: 0px;}
	.assess-home {height: auto;}
	.assess-home li {padding: 0px; width: auto; font-size: 1em;}
	.assess-home li i img {width: 70%;}
	.select-page .assess-header .logo img {
		width: 70%;
		max-width: 470px;
	}
}
@media only screen and (max-width:560px) {
	.fontstyle {display: none;}
}

.file-tag {color: #fda95d;}
.btn-panel {color: #fff !important; display: inline-block;}
.assess-detail .scroll-to-fixed-fixed .btn-submit {
	background-image: -webkit-linear-gradient(0deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-image: -moz-linear-gradient(90deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-image: linear-gradient(90deg, #fe5649 0, #fe5649 29%, #e0373b 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}
/* .btn-panel {background-color: #fff; padding: 5px; border-radius: 2px; color: #000;-webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
    box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;}
.btn-panel.btn-submit {color: #0171fb !important;}
.btn-panel.btn-draft {color: #fda95d !important;} */

/**底部按钮浮动*/
/* .for-mobile-with-fixed .assesswrap {padding-bottom: 75px;}
.for-mobile-with-fixed .form-actions{
	position: fixed; z-index: 2; bottom: 0px; margin: 0px !important; padding: 10px 0; left: 20px; width: calc(100vw - 40px); background-color: rgb(255 255 255 / 50%);
} */

.read-file-container .swal2-html-container {margin: 0em 0em .3em; margin-top: 0em;}
